Наглядная таблица ширины и высоты
Картинка с наглядными обозначениями высоты и ширины.
box-sizing: border-box;
Изменение алгоритма расчета ширины и высоты
Нормальная практика box-sizing: border-box; — задать его сразу для всех элементов на странице в файле обнуления стилей.
height
Высота элемента
CSS атрибут height позволят обозначать высоту элемента. По умолчанию, свойство определяет высоту внутренней области.
max-height
Максимальная высота
max-height устанавливает максимальную высоту элемента.
min-height
Минимальная высота
min-height устанавливает минимальную высоту элемента.
width
Ширина элемента
CSS атрибут width позволят обозначать ширину элемента. По умолчанию, свойство определяет ширину внутренней области.
max-width
Максимальная ширина
max-width устанавливает максимальную ширину элемента.
min-width
Минимальная ширина
min-width устанавливает минимальную ширину элемента.